﻿/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;/}
html,body{height:100%; background: url(images/pp-back.png) #efefef repeat-x scroll top;color: #1f1f1f;font-family: verdana,arial,serif;font-size: 12px;line-height: 1.3;text-align: center;margin:0;}

/*header tag and p tag style*/
a, p, h1, h2, h3, h4, h5, h6{color: #4D4D4D;}
a{cursor:pointer;}
h1{font-size: 23px;font-weight: 100;margin:5px 0 5px 0;}
h2{font-size: 1.1em;padding:0 0 5px 7px;border-bottom: 1px dashed #E9E9E9;width:90%;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5{font-size: 1em;}
h6{font-size: 1.2em;} 

/*projects title*/ /*inside <A> */

h2 a{font-size:11px; color: #2D5A80;}
h2 a:hover{text-decoration:underline;}
h3 a{color:#337300;text-decoration: none;padding:3px;font-size: 1em;font-weight:100;}
h3 a:hover{text-decoration:underline;}
h4 a{ color: #327ACD;font-weight: bold;text-decoration: none;padding:3px;}
h4{margin:3px; }
h4 a:hover{text-decoration:underline;}
h5 a{ font-weight: bold;text-decoration: none;}
h5 a:hover{text-decoration:underline;}
h6{  border-bottom: 1px solid #E9E9E9;
    border-left: 7px solid #327ACD;
    color: #327ACD;
    margin: 1px;
    padding: 3px 3px 3px 10px;
    width: 90%;}
p a{color: #3B5998 !important;cursor: pointer;text-decoration: none;font-size: 12px;}
#addInformation h1 {font-size:13pt;font-weight:bold;font-family:'Segoe Print';text-align:left;}

/*:root a, *:root input[type=text], *:root input[type=password], *:root input[type=button], *:root input[type=submit], *:root textarea, *:root div, *:root div a{-moz-transition: all 400ms ease-out 0s;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;-o-transition: all 400ms ease-out 0s;}
/*XMS DIV STYLE*/ 
#xms{width:923px;text-align:left;margin:0 auto;min-height: 100%;}
#header{height:108px;width:100%;}
#top-bar{height:33px;width:100%;}
#container{height: 33px;width: 70%;float: left;}
#search-box{height: 33px;width: 30%;float: right;text-align: right;}
#content{ float:left;width:720px;border-left:1px solid #CDDAE3;}
#main-content{background-color: #F8F8F8;border: 2px solid #D6D4D5;margin-bottom: 150px;overflow: hidden;padding: 10px 10px 150px;}
#sidebar{width:220px; float:right;}
#categories{width:100%;}
#last-comments{width:100%;margin-top:15px;}
#logo{width:20%;height:60px;float:left;margin-top:10px;}
#free-area{width:80%;height:65px;float:right;text-align:right;margin-top:5px;}
#addUser{width:55px;height:55px;background:url(images/pp-addUser.png) no-repeat;float:right;}
div#addUser:hover{width:55px;height:55px;background:url(images/pp-addUser.png) no-repeat -56px 0;}
 #addProject{width:55px;height:55px;background:url(images/pp-addProject.png) no-repeat;float:right;}
div#addProject:hover{width:55px;height:55px;background:url(images/pp-addProject.png) no-repeat -56px 0;}
#addInformation{width:250px;height:55px;float:right;}
/*LANGUAGE*/
#language{text-align:right;margin-right:5px;}

/*Border Radius*/
#content-panel,input[type=submit],input[type=submit],#gallery-left-box a,#categories,#last-comments {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;}


p a:hover{text-decoration:underline;}
/*Site container Menu*/
ul#Menu{height: 33px;width: 100%; margin: 8px 0 0 -30px;text-align:left;}
ul#Menu li{display: inline;}
ul#Menu li a{background: #D3D4D3 url(images/pp-menubg.png) repeat-x; color: #676767;padding: 8px;text-decoration: none;font-size: 12px;font-weight: 100; }
ul#Menu li a:hover{background: #D3D4D3 url(images/pp-menubghvr.png) repeat-x;}

/*Buttons style*/
input[type=submit]{cursor:pointer;border: 0;padding:4px;color: white;background: url("images/pp-btn-bg.png") repeat-x;border:1px solid #8e9f91;color:#4f6553;}
input[type=submit]:hover{background: url("images/pp-btn-bghvr.png") repeat-x;}
/*Text style*/
input[type=text], input[type=text]:visited, input[type=password], input[type=password]:visited{border:none;font-size: 12px;padding: 4px;color:#676767;  border: 1px solid #A0A0A0 !important;background: url("images/pp-txtBg.png");}
input[type=text]:hover, input[type=password]:hover{border: 1px solid black;}



/*Login DİSPLAY*/
#login-display{width: 650px;float: right;text-align: right;}

/*General small link Menu*/
ul.menu-list{margin: 0;padding: 0;}
ul.menu-list li{display: inline;padding:2px;}
ul.menu-list li img{margin:-5px;margin-left:1px;}
ul.menu-list li a{color: #3B5998;cursor: pointer;text-decoration: none;font-size: 10px;}
ul.menu-list li a:hover{text-decoration: underline;}
ul.white li a,ul.white, ul.white a{color: #fff;}

/*project edit - remove menu*/
ul.big li{float:right;margin:0 0 -20px 0;}
ul.big li a{font-size: 10pt;}

#project-repository{float:right;height:20px;}
.project-repository{width:50px !important;height:20px;float:left;margin-left:10px;text-align:left;}
.project-repository a{font-size: 10pt;color: #3B5998;cursor: pointer;text-decoration: none;}
.project-repository a:hover{text-decoration:underline;}


/*İMAGES STYLE*/
a img{border:0;}
/*Projects List*/
.shared-last-project{width:100%;margin:0;padding:0;padding-bottom:4px;margin-bottom:7px; }
.project-image{float:left;margin-left:1px; width:18%;}
.project-description{width:81%;float:right;}
.project-description p{padding-right:5px;}
.shared-last-project h3 a{font-size:11pt;}
.shared-last-project h3{padding:0;margin:3px;}
.shared-last-project p{padding:0;margin:3px;}
/*Like This*/
.like-this{width:95%;margin:0 auto;}
/*Sidebar Categori*/
ul.project-category-list{display: block;padding: 0;width: 100%;margin:0 0 0 10px;list-style: none;}
ul.project-category-list li a:before{content: "\00BB \0020";}
ul.project-category-list li a{text-decoration: none;color: #1f1f1f;display: block;padding: 5px 0;margin: 1px 2px 0 0;font-size: 13px;}
ul.project-category-list li a:hover{background-color: #EBF6F8;}
/*Sidebar Last Comment List*/
ul.last-comments-list{margin:0;padding:0;width:100%;}
ul.last-comments-list li{list-style-type:none;margin:0 0 0 2px;padding:5px;}
ul.last-comments-list li img{float:left;}
ul.last-comments-list li h2{padding:0 0 1px 0;border:0;}
ul.last-comments-list li h2 a{margin:-3px 0 0 0;}
ul.last-comments-list li p,ul.last-comments-list li h2 {margin: -7px 0 2px 45px;}
ul.last-comments-list li p{margin-top:1px;}

/*User Small Profile*/
.user-small-profile{width:100%;margin:5px;}
.user-small-profile-photo{width:40px;height:40px;margin-right:3px;float:left;}
.user-small-profile-photo img{padding:2px;}
.user-small-profile-descaription{width:70%;float:right;}
.user-small-profile-descaription h5,.user-small-profile-descaription p{margin:-3px 0 0 -12px;padding:2px;font-size:10pt;}
/*angels list*/
ul.angels-list{margin:0;padding:0;}
ul.angels-list li{list-style-type:none;margin:3px 0 3px 0;}
ul.angels-list li a{color:#1f1f1f;}

/*ANGELS Page*/
ul.angels-page-list{margin:10px;padding:0;}
ul.angels-page-list li{list-style-type:none;margin:10px;display:inline;}
ul.angels-page-list li a img{width:130px;opacity:0.5;}
ul.angels-page-list li a img:hover{opacity:1;}
/*Profiles Menus*/
ul.Profil_Menu{display: block;padding: 2px;width: 190px;margin-top: 0px;list-style: none;}
ul.Profil_Menu li a{text-decoration: none;color: #1f1f1f;display: block;padding: 4px;font-size: 13px;line-height: 14px;}
ul.Profil_Menu li a:hover{background-color: #D8DFEA;color: Black;}
/*DOORS*/
ul.doors{margin-left:60px;}
ul.doors li{list-style-type:none;display:inline;}
ul.doors li a{text-transform:uppercase;font-weight:bold;}
#footer{text-align:center;position: relative;margin-top: -130px; height: 150px;clear:both;width:100%;background:url(images/footer-bg.png) repeat-x;}
.last-notification{overflow:scroll;height:100%;}
.p-like-notice{padding:3px;margin:0;}
.Son-Begeniler p a{color: #3B5998;}
.textLeft{text-align:left;}
.decorationnone{text-decoration:none;}
/*Validasyon*/
.input-validation-error{border: 1px solid #ff0000;background-color: #ffeeee;}
.validation-summary-errors span span{font-weight: normal;}
.validation-summary-errors span span, .looseTop span span{background: url("images/failed-ico.png") no-repeat scroll 10px 7px #FEF1EC;border: 1px solid #CD0A0A;color: #CD0A0A;padding: 10px 10px 10px 30px;border-radius: 4px;-moz-border-radius: 4px;font-size: 10px;}
.looseTop span span{float: right;position: absolute;margin: -2px 0 0 5px;}

/*Display status*/
.True{display: block;}
.False{display: none;}

/*Pager INFO*/
.pager{border-top: 2px solid #F1F1F1;float: left;padding: 10px;width: 97%;}
.pager a{padding: 0 5px 0 5px;color: #1f1f1f;font-size: 11pt;font-family: Tahoma;text-decoration: none;border-right: 2px solid #efefef;background-color:#CDDAE3;}
.pager a:hover{background-color: #fff;}.pager a.current{font-size: 12pt;font-weight: bold;color:White;background-color:#3F7AA6;}
.pager .countInfo{padding: 0;margin: 0;float: right;}

/*Like bar*/
.newProjectInfo, .like img{float: left;}
.heightBox input{width: 600px;}
.Profil_like{text-align: left;margin-top: -5px;background-color: #EBF6F8;border-bottom: 1px solid #A3D7E2;font-size: 10px;padding: 2px;}
.like-bar-ok{background: url(images/like-bar-ok.png) no-repeat scroll 10px 0;height: 10px;margin-top: -20px;}
.Like-this{margin-top: -20px;}
.Like-this a{color: #3B5998;cursor: pointer;text-decoration: none;}

/*POPULARITIES*/
.popularites{width:100%;}



.freeArea{border: 15px solid #EBF6F8;padding: 20px;}
input.loader{background-image: url("/Content/Images/loader.gif");background-position: right center;background-repeat: no-repeat;background-size: 15px auto;}
input.failed{background-image: url("/Content/Images/error-input.gif");background-position: right center;background-repeat: no-repeat;background-size: 15px auto;}
input.success{background-image: url("/Content/Images/success-input.png");background-position: right center;background-repeat: no-repeat;background-size: 15px auto;}
fieldset{border: 1px solid #ddd;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;padding: 2em;}
.looseTop{margin: 5px;padding: 5px;}
.looseTop label{float: left;min-width: 150px;font-weight: bold;}
legend{font-size: 1.2em;font-weight: bold;}
textarea{min-height: 200px;max-width: 870px;width: 600px;}
input[type="text"], input[type="password"]{width: 200px;border: 1px solid #CCC;}
input[type="button"]{text-shadow: 0 -1px 5px rgba(0,0,0,.25);-moz-border-radius: 100px;-webkit-border-radius: 100px;-webkit-animation-name: bigAssButtonPulse;-webkit-animation-duration: 3s;font-size: 13px;font-weight: bold;line-height: 1;text-decoration: none;-moz-border-radius: 5px;-webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;padding: 7px;float: right;}
/* TABLE-*/
table{border-collapse: collapse;}
table td{padding: 0 5px 5px 5px;}
table th{padding: 6px 5px;text-align: left;background-color: #e8eef4;}
/*INFORMATION MESSAGES*/
.Success, .Failed, .Information{padding: 10px 10px 10px 30px;border-radius: 4px;-moz-border-radius: 4px;}
.Success{background: url("images/success-ico.png") no-repeat scroll 10px 7px #EFF5E9;border: 1px solid #5fbc6a;color: #1a7638;}
.Failed{background: url("images/failed-ico.png") no-repeat scroll 10px 7px #FEF1EC;border: 1px solid #CD0A0A;color: #CD0A0A;}
.Information{background: url("images/Information-ico.png") no-repeat scroll 10px 7px #FBF9EE;border: 1px solid #FCEFA1;color: #363636;}
/* Styles for validation helpers--*/
.field-validation-valid, .validation-summary-valid{display: none;}
/* Styles for editor and display helpers*/
.display-label, .editor-label{text-align: right;}
.display-field, .editor-field{margin: 0.5em 0 0 0;}
.text-box{width: 30em;}
.text-box.multi-line{height: 6.5em;}
.tri-state{width: 6em;}
.title_name{text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 0 rgba(0, 0, 0, 0.153);-moz-text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 0 rgba(0, 0, 0, 0.153);-webkit-text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 0 rgba(0, 0, 0, 0.153);margin-top: -15px;color: #4D4D4D;}
#footer_content{width: 970px;height: 100px;margin: 0 auto;text-align: center;color: #4d4d4d;background-image: url(images/logo.png);background-repeat: no-repeat;background-position: left;}

/*USER DETAİL DİV STYLE*/
.User_Entirebox-list{width: 270px;height: 75px;float: left;margin-top: 20px;}
.User_Entirebox-list img.userImage{float: left;width: 75px;height: 75px;}
.User_Entirebox-list .User_Detail{float: right;width: 190px;}
.User_Detail h5{margin:0;padding:0;}

select{width: 200px;padding: 5px;}
.Profil_EntireBox{width: 570px;float: left;margin: 0;padding: 0;}
.Profil_EntireBox_Image{width: 80px;height: 90px;float: left;}
.Profil_EntireBox_Content{width: 479px;float: left;margin-left: 10px;}
.detail-comment{width: 690px;margin: 0 auto;}
.profile-img{margin-bottom: 20px;}
.last-like{background-color: #EBF6F8;border: 1px solid white;color: #595959;float: left;padding: 2px;}
.number-box .number{font-size: 20px;width: 58px;float: left;text-align: left;padding-bottom: 3px;font: bold 14px Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration: none;}
.number-box abbr{text-align: left;width: 58px;font-size: 11px;float: left;color: #C72E0B;}
#last-projects, #last-likes{width: 200px;margin-top: 5px;clear: both;}
.number-box{float: left;margin-bottom: 10px;cursor: pointer;width: 60px;text-align: center;}
.notification{position: fixed;right: 30px;bottom: 30px;width: 300px;z-index:2000;}
.notification-item{float: left;color: #3B5998;width: 300px;padding: 10px;border: 1px solid #A5D7E2;background: url(images/notification.png) no-repeat scroll 10px 10px #EBF6F8;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;padding-left: 30px;}
.notification-item a{color: #3B5998;cursor: pointer;text-decoration: none;}
span img{border: 0;}

/*Project Comment*/
#commentList, .make-comment{background-color: #EDEFF4;border: solid 1px #E4E8F1;width: 100%;}
.sent-comments{border-bottom: 3px white solid;}
.comment-user-picture{width: 9%;height: 100%;float: left;margin-top: -10px;margin-bottom: -15px;}
.comment-content{width: 84%;float: left;margin-top: -10px;}
.make-comment{float: left;width: 100%;}
.delete-comment{width:2%;height:100%;float:right;padding-right:10px;}
#comment{width: 99%;}
.comment-createdate{margin-top:-5px;}


#project_slider, .project-detail{width: 100%;}
#content-panel, #content-panel-galeri{width: 550px;background-color: #F9F9F9;margin: 0 auto;padding: 20px;-moz-border-radius: 10px;-webkit-box-shadow: 0px 0px 15px #8f8f8f;-moz-box-shadow: 0px 0px 15px #8f8f8f;box-shadow: 0px 0px 15px #8f8f8f;margin-top: 25px;border: 2px #DBDBDB solid;}
#content-panel-galeri{width: 550px;}
#content-panel span textarea{width:200px;}
.projectImg, .img-border, .Profil_EntireBox_Image img{padding: 2px;border: solid 1px #ccc;}
.projectList .projects{margin: 0 auto;}
.projectList{color: #333;}
.projectList .projects .project{width: 100%;border-bottom: 1px dashed grey;}
/*INDEX PAGE*/
#galeri{width: 700px;height: 250px;float: right;}
#sidebar{width: 200px;float: left;}
#pp{width: 970px;}
/*SIDEBAR*/
/*CATEGORIES*/
.categoryList li img{float: left;padding: 5px;}
ul.commentList li img{padding: 3px;}
.categories, .categoryList, .commentList{margin: 0;padding: 0;width: 200px;}
ul.categoryList, ul.commentList{display: block;padding: 2px;width: 200px;margin-top: 0px;list-style: none;}
ul.commentList li{padding: 5px;margin-bottom: -12px;}
ul.categoryList li, ul.commentList li{display: inherit;}
ul.categoryList li a, ul.commentList li a{text-decoration: none;color: #1f1f1f;display: block;padding: 5px 0;margin-top: 1px;font-size: 13px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;}
ul.categoryList li a:hover, ul.commentList li a:hover{background-color: #EBF6F8;}
a img{border: 0;}
.angels-box{width: 150px;float: left;min-height: 200px;padding: 10px;border-right: 1px dashed grey;}
.simple-profile{width: 200px;height: 60px;}
.simple-profile img{float: left;padding: 2px;}
.simple-profile-update{margin-top: 2px;font-weight: lighter;font-size: 10px;}
.simple-profile-username a{color: #4D4D4D;font-size: 13px;cursor: pointer;font-weight: bold;text-decoration: none;}
.simple-profile-username a:hover{text-decoration: underline;}
.delete-comment a{color: #3B5998;cursor: pointer;padding: 1px;padding: 0 2px ;text-decoration: none;font-weight: bold;opacity: 0.6;font-size: 10px;}
.delete-comment a:hover{background-color: #3B5998;color: White;text-decoration: none;}
.about-angels{width: 100%;height: 150px;}
.about-angels a img{float: left;width: 90px;opacity: 0.5;padding: 3px;border: 0;}
.about-angels a img:hover{opacity: 1;}
.general-information{font-size: 10px;}
.general-information-title{font-weight: bold;}
.general-information a{margin-left: 5px;}
.number-of-notification{background-color: #F03D25;border-radius: 20px;font-size: 11px;color: White;font-weight: bold;padding: 2px;}
.request{ margin:0;padding:1px;}
.request a.angelRequestCancel,.request a.angelRequestAppro{color:White !important;float:right;width:10px;margin:-27px 0 -10px 0 !important;font-weight:bold;text-decoration:none;background-color:#D00B0C;padding:0 2px 0 2px;text-align:center;}
.request a.angelRequestCancel:hover,.request a.angelRequestAppro:hover{background-color:Red;}

/*ANGEL REQUEST COLOR*/
.request.New {color:#FF0084;background-color:#F48817;border:2px solid orange;}
.request.Appro {color: #80BA6A; background-color:#7CCF4B;border:2px solid #59B531;}
.request.Cancel {color: #DA310D; background-color:#DA210D;border:2px solid  red;}
.ckbInfo{float:left;}

.status-box{background-color:#F8F8F7;border:1px solid #ccc;margin-top:2px;}

/*COLORFULL*/
.pink{color: #FF0084 !important;font-weight:normal;background-color:#D3DDCB ;padding:3px;border:1px solid #B9C9B1;}
.red{color: #F4171D !important;}
.green{color: #80BA6A !important;}
.orange{color: #DA310D !important;}


/*User Small List - Follow - Liked */
.followCount,.user-small-list,.likeCount{width:100%;}
.user-small-item{width:25px;height:25px;float:left;padding:2px;}
ul.like-follow{margin:0;padding:0;}
ul.like-follow li{list-style-type:none;padding:5px;}
ul.like-follow  li a{text-decoration: none;color: #1f1f1f;display: block;padding: 4px;font-size: 13px;line-height: 14px;}
ul.like-follow li a:hover{background-color: #D8DFEA;color: Black;}
.project-general-info{ background-color: #efefef;border:  border: 2px solid #E9E9E9;margin-right: 7px;padding: 2px;font-size:8pt;cursor:pointer;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.project-general-info:hover{background-color: #CDDAE3;}
.cvInformation,.last-notification {text-align:left;}

/*Attach List*/
ul#attach-list{margin:10px;padding:0;}
ul#attach-list li{list-style-type:none;padding:10px;}

ul#attach-list  .zip{background:url(/Images/rar.png) no-repeat left;}
ul#attach-list  .pdf{background:url(/Images/pdf.png) no-repeat left;}
ul#attach-list  .doc{background:url(/Images/doc.png) no-repeat left;}
ul#attach-list  .xls{background:url(/Images/xls.png) no-repeat left;}
ul#attach-list  .ppt{background:url(/Images/ppt.png) no-repeat left;}

ul#attach-list li a{text-decoration:none; padding-left: 25px;}
ul#attach-list li a:hover{text-decoration:underline;}
.shared-last-project h4{     border-bottom: 1px solid #F3F3F3;    border-left: 7px solid #327ACD;    margin: 2px;    padding: 5px;    }

    .on{    display:block !important;}